<template>
  <div>
    <div class="share-box">
      <ul>
        <li @click="goHref(websites.twitter)">
          <img src="@/assets/images/share1.png" alt=""/>
        </li>
        <li @click="goHref(websites.discord)">
          <img src="@/assets/images/share2.png" alt=""/>
        </li>
        <li @click="goHref(websites.teltegram)">
          <img src="@/assets/images/share3.png" alt=""/>
        </li >
        <li @click="goHref(websites.medium)">
          <img src="@/assets/images/share4.png" alt=""/>
        </li>
      </ul>
    </div>
  </div>
</template>

<script>
export default {
  name: "leftShare",
  props:{
    websites:{
      type: Object,
    }
  },
  methods:{
    goHref(link) {
      window.open(link)
    }
  }
}
</script>

<style scoped>

</style>
